<template>
  <div>
    <div class="main">
      <router-link to="/text01">第1题</router-link>
      <router-link to="/text02">第2题</router-link>
      <router-link to="/text03">第3题</router-link>
      <router-link to="/text04">第4题</router-link>
      <router-link to="/text05">第5题</router-link>
      <router-link to="/text06">第6题</router-link>
      <router-link to="/text07">第7题</router-link>
      <router-link to="/text08">第8题</router-link>
      <router-link to="/text09">第9题</router-link>

    </div>
    <div>
      <router-view></router-view>
    </div>

  </div>
</template>

<script>

export default {

}
</script>

<style  scoped>
.main {
  padding: 20px;
}
a {
  text-decoration: none;
  padding: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #999;
  color: #333;
}
.router-link-active {
  background-color: skyblue;
}
</style>>
